var pages = 1;
var pagess = 0;
var str2 = "";
var search = "";
var ast = 5;

show();
var data1 = [];
function show() {


	//接受接口数据
	$.ajax({
		url: "http://student.qhynice.top/j_student.php",
		type: "get",
		data: {
			"pageNum": pages,
			"Search": search,
			"astrict": ast,
			
		},
		dataType: "json",
		success: function(data) {
			//循环学生信息表格
			
			console.log(data)
			data1 = data.list
			pagess = data.pages;
			sessionStorage.str1=JSON.stringify(data1);
			var str =
				'<tr><td>学号</td><td>姓名</td><td>班级</td><td>生日</td><td>性别</td><td>民族</td><td>操作</td></tr>'
			for (var i = 0; i < data1.length; i++) {
				str = str + '<tr onmouseover="ss(' + data1[i].id + ')" onmouseout="s()"><a>' + data1[i].id +
					'</a><td>' +
					data1[i].student_number + '</td><td>' + data1[i].name + '</td><td>' + data1[i].class +
					'</td><td>' + data1[i].birthday + '</td><td>' + data1[i].gender + '</td><td>' + data1[i]
					.nation +
					'</td><td><button type="button" id="but4" onclick="redact(' + data1[i].id + ')">编辑</button><button type="button" id="but5" onclick="del(' + data1[i].id + ')">删除</button></td></tr>'
				$('#mytable').html(str)
				
			}
			

			//输出页面总记录数

			var str_1 = ''
			str_1 = str_1 + '<span>' + data.students + '</span>'
			$(".body5").html(str_1)
			
			
			
			
		
			//循环出页数
			var strs = '';
			for (let i = 1; i <= data.pages; i++) {
				if (i == pages){
					strs +='<button type="button" style="background-color:#428bca; color: white;" id="but" onclick="page(' + i + ')">' + i + '</button>'
				}else{
					strs +='<button type="button" id="but" onclick="page(' + i + ')">' + i + '</button>'
				}
				$('#sex').html(strs)
			}
			cor();
		}
	})
}

$(".mybody-leftTwo").click(function() {
		window.location.href = '学生成绩管理.html'
	})

	$(".mybody-leftThree").click(function() {
		window.location.href = '科目信息.html'
	})
	//首页按钮点击
	$("#butt1").click(function() {
		pages = 1;
		show()
	})
	// 上一页按钮点击
	$("#butt2").click(function() {
		if (pages > pagess ) {
			pages = pagess
		}
		// console.log(pagess)
		pages--;
		show()
	})
	// 下一页按钮点击
	$("#butt7").click(function() {
		if (pages < 1) {
			pages = 1
		}
		pages++;
		show()
	})
	// 尾页按钮点击
	$("#butt8").click(function() {
		pages = pagess;
		show()
	})
	//搜索框事件
	$("input").bind("propertychange input", function() {
		search = $("input").val();
		show()
	})
	
	//增加信息按钮跳转到添加页面
	$("#but-zheng").click(function(){
		window.location.href="添加页面.html"
	})


//点击下拉框 查找到点击哪个下拉框
function ted(){
	ast = $("#selectss").find("option:selected").text()
		show()
	
}




//页数按钮
function page(id) {
	pages = id;
	show()
}





//删除信息按钮
function del(id){
	
	if(confirm("请确认是否删除")==true){
		$.ajax({
			url:"http://student.qhynice.top/j_delstudent.php",
			type:"get",
			data:{
				"id":id,
				
			},
			dataType:"json",
			success:function(data){
				if(data.status==1){
					alert("删除信息成功")
					show()
				}else{
					alert("删除信息失败")
					false
				}
				
			},
		})
	}
	
}
//编辑按钮点击事件
function redact(sss){
	// 循环data1的长度 如果data1里的数据等于点击事件的形参，择把这个条数据存储
	for (var i = 0; i < data1.length; i++) {
		if(data1[i].id==sss){
			sessionStorage.str1=JSON.stringify(data1[i]);
		}
	}
	
	
	window.location.href = '修改信息.html'
	
	
}

//学生 科目 成绩
function ss(id) {
	// 显示成绩信息表格
	$(".body_one1").show()
	
	$.ajax({
		url: "http://student.qhynice.top/j_mousein.php",
		type: "get",
		data: {
			"id": id
		},
		dataType: "json",
		success: function(data) {
			// console.log(data.length)
			let str2 = "<tr bgcolor=''><td>学生</td><td>科目</td><td>成绩</td></tr>"
			for (let i = 0; i < data.length; i++) {
				str2 = str2 + '<tr>'
				for (let l = 0; l < data[i].length; l++) {
					// console.log(data[l])
					str2 = str2 + '<td>' + data[i][l] + '</td>'
				}
				str2 = str2 + '</tr>'
			}
			$('.mytable1').html(str2)
		},

	})
}
//隐藏 学生 科目 成绩
function s() {
	$(".body_one1").hide()
}

//输出页面隔行换色表格
function cor() {
	mytable = document.getElementById('mytable');
	//获取mytable中标签名为tr的子节点
	trs = mytable.getElementsByTagName("tr");
	// console.log(trs);
	// len = trs.length;
	flag = true; //开关变量
	for (i = 0; i < trs.length; i++) {
		if (flag) {
			// trs[i].setAttribute('bgcolor', '#cccccc'); //每隔一行设置背景色
			trs[i].style.cssText = 'background-color:#f5f5f5;font-size: 30px;';
			flag = false;
		} else {
			flag = true;
		}
	}
	//获取table的width属性值
	ww = mytable.getAttribute('width');
}
